
/**
 * 系统主页的顶部区域，主要放置系统名称，菜单，和一些快捷按钮
 */
Ext.define('app.main.region.Top', {

    extend: 'Ext.toolbar.Toolbar',

    alias: 'widget.maintop', // 定义了这个组件的xtype类型为maintop

    uses: ['app.ux.ButtonTransparent'],

    defaults: {
        xtype: 'buttontransparent'
    },

    style: 'background-color : #cde6c7',

    height: 40,

    items: [{
        xtype: 'image',
        bind: { // 数据绑定到MainModel中data的system.iconUrl
            hidden: '{!systemInfo.iconUrl}', // 如果system.iconUrl未设置，则此image不显示
            src: '{systemInfo.iconUrl}' // 根据system.iconUrl的设置来加载图片
        }
    }, {
        xtype: 'label',
        bind: {
            text: '{systemInfo.name}'
        },
        style: 'font-size:20px;color:blue;'
    }, {
        xtype: 'label',
        style: 'color:grey;',
        bind: {
            text: '({systemInfo.version})'
        }
        //}, '->', ' ', ' ', {
        //    text: '首页',
        //    glyph: 0xf015,
        //    handler: 'onHomePageButtonClick'
        //}, {
        //    text: '帮助',
        //    glyph: 0xf059
        //}, {
        //    text: '关于',
        //    glyph: 0xf06a
    }, {
        text: '<span style="color:blue">后台管理</span>',
        handler: function () {
            window.open('/Mpa/Home/Index');
        }
    }, '->', '->', {
        //    text: '搜索',
        //    glyph: 0xf002
        //}, {
        text: '注销',
        glyph: 0xf011,
        handler: 'onLogOutButtonClick'
    }, {
        glyph: 0xf102,
        handler: 'hiddenTopBottom',
        tooltip: '隐藏顶部和底部区域',
        disableMouseOver: true
    }]

});